<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <p>
        什么是解构？
        从字面意思理解就是 解开解构，指的就是在数据里面获取到想要的指定的部分，则就是解构的基本含义。


        解开什么解构呢？
        指的是解开我们javascript里面数据的解构
        对象
        数组
        字符串

        为什么要使用解构？

        如何使用解构？
    </p>

</body>
<script>

    {


    }

    let user_name = 'windowUsername';

    /* 对象解构： 指的是我们解开一个对象的解构，从这个对象里面获取到指定的数据 */
    var obj = {
        id: 1,
        username: 'andy',
        age: 23,
        email: 'gogery@163.com'
    };

    /* 对象解构的时候，左侧的里面的标识符必须和右侧对象里面的属性名称一致 */
    /*按照现在的规则好像是不可以？ */
    /* 现在解构的时候，写了一个不存在名称，会怎么样? */
    let { username: userName, email } = obj;
    /* :后面的部分是前面变量的一个别名，以后可以通过这个别名进行操作，但是原先的变量就不能用了 */
    // let userName = obj.username;


    // let usernam1 = obj.username1; // 从一个对象上获取一个不存在的属性 返回 undefined

    console.log(
        email,
        userName
    );
</script>

</html>